<!DOCTYPE html>
<!-- saved from url=(0039)http://sinooceanlas.com/detail/193.html -->
<html lang="en" style="font-size: 40px;">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">



	<title>资产详情</title>
	<meta name="keywords" content="河北省企业投资理财协会">
	<meta name="description" content="河北省企业投资理财协会">

	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">

	<meta name="format-detection" content="telephone=no">

	<meta name="apple-mobile-web-app-capable" content="yes">

	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<meta name="referrer" content="never">

	<link rel="stylesheet" href="./comment/layui.css">

	<link rel="stylesheet" type="text/css" media="screen and (min-width:320px) and (max-width:760px)"
		href="./comment/phone.css">

	<link rel="stylesheet" type="text/css" media="screen and (min-width:760px) and (max-width:3600px)"
		href="./comment/pc.css">

	<link rel="stylesheet" type="text/css" href="./comment/reset.css">

	<link rel="stylesheet" type="text/css" href="./comment/animate.css">
	<script type="text/javascript" src="./comment/rem.js"></script>

<link id="layuicss-layer" rel="stylesheet" href="./comment/layer.css" media="all">
	<script src="./comment/js-sdk-pro.min.js"></script>
</head>

<body style="font-size: 12px;">
	<div id="detile">
		<my-header></my-header>
		<div class="gg_ban">
			<img src="./img/bcg_top_3.JPG">
			<div class="wow zoomIn" style="visibility: visible; animation-name: zoomIn;">
			</div>
		</div>
		<div class="nex_one">

			<div class="wow bounceInLeft nex_one_l" style="visibility: visible; animation-name: bounceInLeft;">

				<div class="nex_one_l_t">
					
					<div class="nex_one_l_t_t">{{content.name}}</div>

					<div class="nex_one_l_t_b">

						<span>发布时间：{{content.create_time}}</span>
						<div><a href="javascript:history.back(-1);"><img src="./img/icon17.png">返回上一页</a></div>
					</div>

				</div>

				<div  class="nex_one_l_c">
					<p><span><span style="font-family:宋体;color: #000;font-size: 18px;"><strong>资产情况</strong></span></span>
					</p>

					<p><span style="font-size:15px"><span style="font-family:宋体; color: #000;">
								&nbsp;<strong>资产名称：</strong>{{content.name}}</span></span>
					</p>

					
					<p><span style="font-size:15px"><span style="font-family:宋体; color: #000;">
								&nbsp;<span style="font-weight: bold;display: inline-block;">资产类别：</span>
								{{content.land_nature_text}}
					</p>
					<p><span style="font-size:15px"><span style="font-family:宋体; color: #000;">
								&nbsp;<span style="font-weight: bold;display: inline-block;">合作形式：</span>
								{{content.mode_text}}
					</p>
					<p><span style="font-size:15px"><span style="font-family:宋体; color: #000;">
								&nbsp;<span style="font-weight: bold;display: inline-block;">面积：</span>
								{{content.area}}平方米
					</p>
					<p><span style="font-size:15px"><span style="font-family:宋体; color: #000;">
								&nbsp;<span style="font-weight: bold;display: inline-block;">所在地：</span>
								{{content.province_name+'-' + content.city_name+ '-' + content.county_name}}
					</p>
					<p style="margin-top: 40px;"><span style="font-size:14px"><span style="font-family:宋体;color: #000;font-size: 18px;"><strong>资产描述</strong></span></span>
					</p>
					<p class="detile" v-html="content.describe">
						
					</p>

					<p style="margin-top: 40px;"><span style="font-size:14px"><span style="font-family:宋体;color: #000;font-size: 18px;"><strong>资产图片</strong></span></span>
					<p class="image-list-hori">
						<span v-for="(item,index) in content.image_list" :key="index">
							<img style="border-radius: 5px" @click="checkimg(item)"  alt="" :src="gloabImageUrl+item">
						</span>
					</p>

					<p style="margin-top: 40px;"><span style="font-size:14px"><span style="font-family:宋体;color: #000;font-size: 18px;"><strong>资产视频</strong></span></span>
					<p class="image-list-hori" v-if="content.video_list && content.video_list.length > 0">
						<!-- <span v-for="(item,index) in content.video_list" :key="index">
							<img style="border-radius: 5px" @click="checkVideo(item)"  alt="" :src="gloabImageUrl+item">
						</span> -->
						<video  style="border-radius: 5px" v-for="(item,index) in content.video_list" :key="index" controls allowfullscreen>
							<source :src="gloabImageUrl+item" >
						</video>
					</p>
					
					<p style="margin-top: 40px;"><span style="font-size:14px"><span style="font-family:宋体;color: #000;font-size: 18px;"><strong>资产附件</strong></span></span>
					<p  v-if="isAdmin&&content.attachment_list.length>0">
						<span v-for="(item,index) in content.attachment_list">
							<span class="fijian" style="color: blue;margin-right: 15px;cursor: pointer;" @click="download(item)" >{{item.file_name}}</span>
						</span>
					</p>
					<p v-else>无</p>
					
					<p style="margin-top: 40px;">
						<span style="font-family:宋体;color: #000;font-size: 15px;">
							<strong>如需合作或有其他问题，请联系我们：{{comanyInfo.mobile}}</strong>
						</span>
					</p>
				</div>
			</div>
		</div>
		<my-footer></my-footer>
	</div>
	<script src="./js/vue.js"></script>
	<script src="js/comment.js"></script>
	<script type="text/javascript" src="./comment/jquery-2.1.4.min.js"></script>
	 <script type="text/javascript" src="./comment/layer.js"></script>
	<script>
		var app = new Vue({
			el: '#detile',
			data: {
				content:{
					describe:''
				},
				file_time:'',
				file_title:"",
				isAdmin:false,
				comanyInfo:{}
			},
			mounted () {
				let userinfoStr = localStorage.getItem('userinfo')
				 this.isAdmin = localStorage.getItem('isAdmin')
				this.userinfo = JSON.parse(userinfoStr)
				if(userinfoStr=='undefined'||userinfoStr==null) { window.location.href = './login.html'}

				document.getElementById('assetShowPage').classList.add('gg_nav_r_r_ac')
				let urlParams = new URLSearchParams(window.location.search);
				this.id = urlParams.get('id');
				this.getData()
				this.getCompanyInfo()
			},
			methods: {
				getData () {
					let pageData = {
						id:this.id,
					}
					const that = this
					var indexlayer = layer.load(2);
					let token = that.userinfo&&that.userinfo.token?that.userinfo.token:''
					$.ajax({
						type: 'get',
						url: gloabApi + "/Property/getDetail",
						data: pageData,
						headers:{token:token},
						dataType: 'json',
						success: function (res) {
							if (res.code == 1) {
								that.content =res.data
							} else {
								layer.msg(res.msg);
							}
							layer.close(indexlayer);
						},
					})
				},
				checkimg(item){
					layer.photos({
						photos: {
							data:[{src:gloabImageUrl+item}]
						}, //格式见API文档手册页
						anim: 5, //0-6的选择，指定弹出图片动画类型，默认随机
						shadeClose:true,
						closeBtn: 1,
					});
				},
				checkVideo(item){
					// 这里可以使用layer的video组件来播放视频
					layer.open({
						type: 2,
						area: ['80%', '80%'],
						content: gloabImageUrl+item, // 视频链接	
						shadeClose:true,
						closeBtn: 1,
					});
					// layer.photos({
					// 	photos: {
					// 		data:[{src:gloabImageUrl+item}]
					// 	} //格式见API文档手册页
					// 	,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机
					// 	,shadeClose:true,
					// });
				},


				download(item){
					let aLink=document.createElement('a');
					console.log(gloabImageUrl+item)
					aLink.href=gloabImageUrl+item.file_path//设置下载的图片链接
					aLink.download=item//设置图片下载之后的名称
					aLink.target='_blank'//设置图片下载之后的名称
					aLink.click()//触发点击事件
				},
				getCompanyInfo(){
					var that = this
					$.ajax({
						type: 'get',
						url: gloabApi + "/Companyinfo/getInfo",
						data: {},
						dataType: 'json',
						success: function (res) {
							if (res.code == 1) {
								that.comanyInfo = res.data
							} else {
								layer.msg(res.msg);
							}
						},
					})
				},
			}
		})
	</script>
	<script src="./js/login.js"></script>
	<script type="text/javascript" src="./comment/index.js"></script>
	<script type="text/javascript" src="./comment/wow.min.js"></script>

</body>

</html>
<style>
	@media screen and (min-width: 760px) and (max-width: 3600px) {
    .nex_one_l_c p {
        font-size: 16px;
        color: black;
        margin-top: 10px;
        line-height: 23px;
    }
	}
	.nex_one_l_t_t{
		margin-top: 0;
	}
	.nex_one_l_c img {
		height: auto;
	}
	.detile-img{
		img{
			max-width: 50%;
		}
	}
	.detile{
		display: flex;
		flex-direction: column;
		img{
			width: 50%;
		}
	}
	
</style>